<template>

  <div  >
      <div   style="font-weight: bold;font-size: 25px;margin-left: 20px;color: dodgerblue">
        <router-link to="/index">健康打卡管理系统</router-link>
        <el-input  style="width:250px;margin-top: 0px;margin-left:700px ">
          <template #prefix>
            <el-icon><Search /></el-icon>
          </template>
        </el-input>
          <el-button type="primary" style="margin-left: 280px">
            <router-link to="/">
              退出登录</router-link> </el-button>
      </div>
    <el-divider></el-divider>
    <div style="z-index: 1">
      <router-view v-slot="{ Component }">
        <component :is="Component" />
      </router-view>
    </div>
  </div>
</template>

<script lang="ts" setup>
</script>

<style>
a{
  text-decoration: none;
}
.router-link-active {
  background-color: white;
  text-decoration: none;
}

</style>